<template>
<!-- v-if="布尔值", 让元素是否显示和变量进行绑定, true显示 false不显示(删除元素) -->
<p v-if="isShow">张三</p>
<!-- v-else和上面v-if状态取反 -->
<p v-else>李四</p>
  <!-- v-show="布尔值", 让元素是否显示和变量进行绑定, true显示 false不显示(隐藏元素)
  需要频繁切换显示状态时使用-->
<p v-show="isShow">王五</p>
</template>

<script setup>
  import {ref} from "vue";

  const  isShow = ref(false);
</script>

<style scoped>

</style>